<!DOCTYPE html>
<html lang="en" class="normalFont">

  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="Elements: The Periodic Table is a Progressive Web App (PWA) and provides useful information about the chemical elements. Know more about the properties, history, name origin, images, applications, hazards and electron shell diagram of each element.">    <meta name="keywords" content="Periodic Table, chemical, elements, interactive, PWA, properties, history, name origin, images, applications, hazards, electron shell, diagram, chemistry, electron configuration, isotopes, information">
    <meta name="keywords" content="Periodic Table, chemical, elements, interactive, PWA, properties, history, name origin, images, applications, hazards, electron shell, diagram, chemistry, electron configuration, isotopes, information">
    <meta name="author" content="Naveen CS">
    <link rel="apple-touch-icon" sizes="180x180" href="/images/icons/apple-touch-icon.png" />
    <link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
    <link rel="manifest" href="manifest.json">
    <link rel="mask-icon" href="safari-pinned-tab.svg" color="#0078d7">
    <link rel="canonical" href="https://periodic-table.io/404.html">
    <meta name="msapplication-TileColor" content="#0078d7">
    <meta name="msapplication-TileImage" content="/images/icons/mstile-144x144.png" />
    <meta name="msapplication-square70x70logo" content="/images/icons/mstile-70x70.png" />
    <meta name="msapplication-square150x150logo" content="/images/icons/mstile-150x150.png" />
    <meta name="msapplication-wide310x150logo" content="/images/icons/mstile-310x150.png" />
    <meta name="msapplication-square310x310logo" content="/images/icons/mstile-310x310.png" />
    <meta name="theme-color" content="#0078d7">
    <meta name="google" content="notranslate">
    <meta name="robots" content="index,follow">
    <meta name="format-detection" content="telephone=no">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta property="og:site_name" content="Periodic-Table.io">
    <meta property="og:title" content="Elements: The Periodic Table">
    <meta property="og:description" content="Elements: The Periodic Table is a Progressive Web App (PWA) and provides comprehensive and useful information about the chemical elements all in one place. Know more about the properties, history, name origin, images, applications, hazards and electron shell diagram of each element.">
    <meta property="og:image" content="https://periodic-table.io/images/icons/android-chrome-256x256.png" />
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://periodic-table.io/">
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:site" content="@periodictableio">

    <title id="homeTitle">Elements: The Periodic Table</title>
    <link rel="stylesheet" href="style.min.css" />
    <script defer src="svelte-bundle.js"></script>

    <script>
      if ("serviceWorker" in navigator) {
        window.addEventListener("load", function() {
          navigator.serviceWorker.register("/sw.js").then(function(o) {
            console.log("Workbox SW registered: ", o)
          }).catch(function(o) {
            console.log("Workbox SW registration failed: ", o)
          })
        })
      }

    </script>
  </head>

  <body id="body">
    <script>
      document.body.className += ' fade-out';

    </script>
    <!-- Fixed navbar -->
    <div id="topNavbar" class="navbar navbar-default navbar-fixed-top heavyFont" role="navigation">     
    </div>

    <div class="content-wrapper">
      <div class="container">
        <h1 id="pg404Header" class="row text-upper aboutHeader text-center heavyFont">404
        </h1>
        <div>
          <h1 id="main404" class="text-center"></h1>
        </div>
      </div>
    </div>
    <div id="footer"></div>
    <!-- Modal -->
    <div class="modal fade" id="settingsModal" tabindex="-1" role="dialog" aria-labelledby="modalSettings" aria-hidden="true">
        </div>

    <!-- CSS and JavaScript placed at the end of the document so the pages load faster
    ========================================================================================== -->
    <script>
      loadjs=function(){function e(e,n){var t,r,i,c=[],o=(e=e.push?e:[e]).length,f=o;for(t=function(e,t){t.length&&c.push(e),--f||n(c)};o--;)r=e[o],(i=s[r])?t(r,i):(u[r]=u[r]||[]).push(t)}function n(e,n){if(e){var t=u[e];if(s[e]=n,t)for(;t.length;)t[0](e,n),t.splice(0,1)}}function t(e,n,r,i){var o,s,u=document,f=r.async,a=(r.numRetries||0)+1,h=r.before||c;i=i||0,/(^css!|\.css$)/.test(e)?(o=!0,(s=u.createElement("link")).rel="stylesheet",s.href=e.replace(/^css!/,"")):((s=u.createElement("script")).src=e,s.async=void 0===f||f),s.onload=s.onerror=s.onbeforeload=function(c){var u=c.type[0];if(o&&"hideFocus"in s)try{s.sheet.cssText.length||(u="e")}catch(e){u="e"}if("e"==u&&(i+=1)<a)return t(e,n,r,i);n(e,u,c.defaultPrevented)},!1!==h(e,s)&&u.head.appendChild(s)}function r(e,n,r){var i,c,o=(e=e.push?e:[e]).length,s=o,u=[];for(i=function(e,t,r){if("e"==t&&u.push(e),"b"==t){if(!r)return;u.push(e)}--o||n(u)},c=0;c<s;c++)t(e[c],i,r)}function i(e,t,i){var s,u;if(t&&t.trim&&(s=t),u=(s?i:t)||{},s){if(s in o)throw"LoadJS";o[s]=!0}r(e,function(e){e.length?(u.error||c)(e):(u.success||c)(),n(s,e)},u)}var c=function(){},o={},s={},u={};return i.ready=function(n,t){return e(n,function(e){e.length?(t.error||c)(e):(t.success||c)()}),i},i.done=function(e){n(e,[])},i.reset=function(){o={},s={},u={}},i.isDefined=function(e){return e in o},i}();
      loadjs(["btstrp.list.iso.min.js"], {
        success: function() {
          setLangFile(derivedLang);
          loadjs(["constants.min.js", "locales/locale." + derivedLang + ".js"], {
            success: function() {
              pg404Load();
            }
          });
        }
      });

    </script>
    <!-- Get the details from https://woo-metadata-tool.janpotoms.now.sh/ -->
    <script type="application/ld+json">{"@context":"http://schema.org","@type":"Organization","name":"Periodic-Table.io","url":"https://periodic-table.io","address":"","sameAs":["https://twitter.com/periodictableio"]}</script>
  </body>
</html>
